<style type="text/css">
    #instrucciones span
    {
        cursor: pointer;
    }

    #instrucciones span:hover
    {
        text-decoration: underline;
    }
</style>
<?php if ($view->route->getClose() == 0): ?>
    <div class="alert alert-info">
        <p>
            La ruta se encuentra <strong>abierta</strong>, para poder programar una ruta es necesario que
            la ruta se encuentre <strong>cerrada</strong>.
        </p>
        <div id="instrucciones">
            <p>
                Una ruta solo puede ser cerrada agregando un <strong>centro de intercambio</strong> como
                <strong>punto final</strong> de la ruta. <span>¿Como cerrar una ruta?</span>
            </p>
            <ol class="hidden">
                <li>Da clic en el botón <strong>Agregar punto de venta</strong>.</li>
                <li>Da clic en la pestaña <strong>Centro de intercambio existente</strong>.</li>
                <li>Marca la opción <strong>Este es el punto final de la ruta(Cerrar ruta)</strong>.</li>
            </ol>
        </div>
    </div>
<?php else: ?>
    <div class="alert alert-info">
        <p>
            La ruta se encuentra cerrada, para poder agregar nuevos puntos, editar
            o eliminar los puntos existentes o cambiar el orden de estos, es necesario
            abrir la ruta.
        </p>
    </div>
    <button type="button" class="btn btn-primary" id="openRoute">
        Abrir la ruta
    </button>
    <br/>
    <br/>
<?php endif; ?>
<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">Resumen de la ruta</h3>
    </div>
    <div class="panel-body">
        <?php $view->Routes()->summary($view->em, $view->route->getId()); ?>
    </div>
</div>
<a class="btn btn-primary" href="<?php
echo $view->url(array('action' => 'newPoint'));
?>" >
    <span class="glyphicon glyphicon-plus"></span>
    Agregar punto de venta
</a>
<br/>
<br/>
<?php $view->Routes()->points($view->em, $view->route->getId()); ?>
<a class="btn btn-primary" href="<?php
echo $view->url(array('action' => 'newPoint'));
?>" >
    <span class="glyphicon glyphicon-plus"></span>
    Agregar punto de venta
</a>
<script type="text/javascript">
    $(document).ready(function()
    {
        $('#openRoute').click(function()
        {
            if (confirm('Estas seguro que deseas abrir esta ruta?') == true)
            {
                $.post(urlToggleCloseRoute, {}, function()
                {
                    location.reload();
                });
            }
        });

        $('#instrucciones span').click(function()
        {
            $('#instrucciones ol').toggleClass('hidden', '');
        });
    });
</script>
